<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c"
           uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false"%>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <title>浙江工商大学</title>

  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">

  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

  <link rel="icon" type="image/png" href="../assets/i/favicon.png">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="../assets/i/app-icon72x72@2x.png">

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <link rel="apple-touch-icon-precomposed" href="../assets/i/app-icon72x72@2x.png">

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">

  <link rel="stylesheet" href="../assets/css/amazeui.min.css">
  <link rel="stylesheet" href="../assets/css/app.css">
  
   <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
   
<link rel="stylesheet" type="text/css" href="../assets/css/1.css">
</head>
<body>
     <header data-am-widget="header"
          class="am-header am-header-default">
      <div class="am-header-left am-header-nav">
          <%--<a href="#left-link" class="">

                <i class="am-header-icon am-icon-mail-reply">返回</i>
          </a>--%>
      </div>

      <h1 class="am-header-title">
          <a href="#title-link" class="">
          准考证系统
          </a>
      </h1>

         <div class="am-header-right am-header-nav" style="margin-top: 10px">
             <i class="am-icon-edit  am-icon-md shou shou1"></i>
             <i class="am-icon-check  am-icon-md shou shou2" style="display: none"></i>
         </div>
  </header>
   
   
  <div data-am-widget="slider" class="am-slider am-slider-a1 img1 "  data-am-slider='{"directionNav":false}' style="height:200px">
  <ul class="am-slides">
      <li>
        	<img src="../assets/i/5.jpg" class="p1">
      </li>
      <li>
        	<img src="../assets/i/6.jpg" class="p2">
      </li>
      <li>
        	<img src="../assets/i/8.jpg" class="p3">
      </li>
    
  </ul>
</div>


<ol class="add">
<ul  class="add-1 am-icon-plus " data-toggle="modal" 
   data-target="#myModal">

 添加新考试

</ul>
    <c:forEach items="${note}" var="note">
        <ul class="add-2 toggle">
            <i class="am-icon-envelope-o">
            </i>${note.testName}&nbsp &nbsp   &nbsp
            <i class="am-icon-close  cj-delect" id="${note.id}"
               data-toggle="modal" data-target=".my-confirm">删除&nbsp&nbsp </i>
            <i class="am-icon-clock-o  time">${note.time}</i>
            <i class="am-icon-sort-desc flip">
                &nbsp   &nbsp</i>
            <li class="panel">
                    <%--<i class="am-icon-list">考试名称：</i>--%>
                <br><i class="am-icon-smile-o">准考证号：${note.testNumber}</i>
                <br> <i class="am-icon-user">姓 &nbsp  &nbsp &nbsp名：${note.studentName}
            </i>
                <br>
                <i class="am-icon-bars">
                    学 &nbsp  &nbsp  &nbsp号：${note.testNumber}</i> <br>
                <i class="am-icon-tag">备 &nbsp  &nbsp  &nbsp注：${note.remark}</i> </li></ul>
    </c:forEach>
</ol>



<div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
   aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
        
         <div class="modal-body">
       <form action="" class="am-form am-form-horizontal" id="form-with-tooltip" name="format">
 <fieldset>
 
    <div class="am-form-group">
      <label for="doc-vld-name-2-0"><i class="am-icon-list">考试名称：</i></label>
      <input type="text" id="doc-vld-name-1-0"
             placeholder="请输入考试名称" required/>
    </div>
	
    <div class="am-form-group">
      <label for="doc-vld-pwd-1-0"><i class="am-icon-smile-o">准考证号：</i></label>
      <input type="text" id="doc-vld-pwd-1-0" placeholder="请输入准考证号" required/>
    </div>


	 <div class="am-form-group">
      <label for="doc-vld-name-2-0"><i class="am-icon-user">姓 &nbsp  &nbsp  &nbsp 名：</i></label>
      <input type="text" id="doc-vld-name-2-0" 
             placeholder="请输入姓名" required/>
    </div>

    <div class="am-form-group">
      <label for="doc-vld-pwd-1-0"><i class="am-icon-bars">学 &nbsp  &nbsp  &nbsp 号：</i></label>
      <input type="text" id="doc-vld-pwd-2-0" placeholder="请输入学号" required/>
    </div>
	
    <div class="am-form-group">
          <label for="doc-vld-name-2-0"><i class="am-icon-tag">备 &nbsp  &nbsp  &nbsp 注：</i></label>
          <input type="text" id="doc-vld-name-3-0"
                 placeholder="请输入备注" required/>
        </div>
        </fieldset>
        </form>
             </div>
             <div class="modal-footer">
                <button type="button" class="btn btn-default add-cj"  >
                确定
                </button>
                 <button type="button" class="am-close" style="display: none" data-dismiss="modal"/>
             </div>
          </div><!-- /.modal-content -->
    </div><!-- /.modal -->
    </div>





<div class="am-modal am-modal-confirm  my-confirm" tabindex="-1" >
  <div class="am-modal-dialog">
   
    <div class="am-modal-bd">
    你确定要删除这条记录吗？
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn quxiao" data-am-modal-cancel data-dismiss="modal">取消</span>
      <span class="am-modal-btn cj-remove" data-am-modal-confirm data-dismiss="modal">确定</span>
    </div>
  </div>
</div>
     <div class="footer">
         浙江工商大学第E站<br>
         前端：丁娟<br>
         后台：蒋世豪
     </div>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="../assets/js/jquery.min.js"></script>
<script type="text/javascript" language="javascript" src="../assets/js/1.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="../assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>

</body>
</html>